.wea-edc-form-error {
  position: relative;
  padding-bottom: 10px;

  .wea-edc-errmsg {
    position: absolute;
    bottom: 7px;
    left: 40px;
    color: #FF2851;

    &:before {
      content: "\E631";
      font-family: anticon;
      padding-right: 3px;
    }
  }

  &.wea-edc-has-error {
    .error {
      border-color: #FF2851;
      &:focus {
        box-shadow: 0 0 0 2px rgba(255, 40, 81, 0.2);
      }
    }

    .wea-edc-single-field {
      select,
      textarea,
      input[type='text'],
      input[type='date'],
      input[type='time'],
      .ant-input,
      .ant-select-selection {
        .error();
      }
    }

    .wea-edc-complex-field {
      select,
      textarea,
      input[type='text'],
      .ant-select-selection {
        .error();
      }
    }
  }
}

.mobile-device {
  .wea-edc-form-error {
    padding-bottom: 0;

    .wea-edc-errmsg {
      bottom: 0px;
    }
  }
}